import styled from 'styled-components'
import border from '../../../assets/theme/border'

const  FootStyle =border({
    component:styled.div`
        height:.96rem;
        width:100%;
        ul{
            position:fixed;
            bottom:0;
            left:0;
            z-index:100;
            background-color:white;
            width:100%;
            height:.96rem;
            display:flex;
            justify-content:space-between;
            li{
                border-right:1px solid #ddd;
                text-align:center;
                a{
                    display:flex;
                    height:100%;
                    flex-direction:column;
                    justify-content:center;
                    color:#666;
                    text-align:center;

                }
                &:nth-child(1){
                    flex:10;
                }
                &:nth-child(2){
                    flex:10;
                }
                &:nth-child(3){
                    flex:20;
                }

                &:nth-child(4){
                    flex:30;
                    background-color:red;
                    span{
                        color:white;
                    }
                }

            }
        }
    `,
    width:'1px 0 0 0',
    style:'solid',
    color:'#ccc',
    radius:0,
    
}) 
    
export default FootStyle